@import './common';

.lists+.lists{
	border-top:setSize(20) solid $thirdBgWin;
}

.lists{

	.list-item{
		display: block;
		box-sizing:border-box;
		padding-left: setSize(40);

		.cont-box{
			box-sizing:border-box;
			padding: setSize(40) setSize(40) setSize(40) 0;
			@include ellipsis;
			border-bottom:setSize(1) solid #131213;

			.img-box{

				.img{
					display: block;
					width:setSize(95);
					height:setSize(95);
					border-radius:50%;
				}
			}

			.title{
				width: setSize(160);
				box-sizing:border-box;
				padding-right:setSize(20);
				@include ellipsis;
			}

			.input{
				min-width: setSize(120);
				text-align: right;
			}

			.textarea{
				width: 100%; 
				// box-sizing:border-box;
				// padding:setSize(20);
			}
		}
	}
}

.cell-icon{
	align-items:center;
	box-sizing:border-box; 	
	padding-right:setSize(10);
	margin-left: setSize(4);

	.icon{
		width: setSize(25);
		height: setSize(25);		
		display: inline-block;
		box-sizing:border-box; 
		border-right: setSize(3) solid #C7C7CC; 
		border-top: setSize(3) solid #C7C7CC;   
		transform: rotate(45deg); 
	}
}

.btn-box{
	position: fixed;
	bottom:setSize(96);
	left: 0;
	width: 100%;
	box-sizing:border-box;
	padding:setSize(0) setSize(45);

	.btn{
		width: 100%;
		height: setSize(88);
		line-height: setSize(88);
		border-radius:setSize(200);
		text-align: center;
		background-color:$mainColor;
		color: #332F36;
		font-size:setSize(34);
		font-weight:500;
	}
}